<script setup>

</script>

<template>
<div class="content-right">
    <div class="sidebar-creator card">
        <div class="creator-hd" >
<!--            <i class="iconfont icon-jurassic_edit-user"></i>-->
            <span class="creator-hd-title">今日名句</span>
<!--            <div class="creator-hd-drafts">草稿箱(2)</div>-->
        </div>
<!--        <div class="creator-bd">-->
<!--            <ul>-->
<!--                <li>-->
<!--                    <i class="iconfont icon-shiyongwendang"></i>-->
<!--                    <p>回答问题</p>-->
<!--                </li>-->
<!--                <li>-->
<!--                    <i class="iconfont icon-shiyongwendang"></i>-->
<!--                    <p>回答问题</p>-->
<!--                </li>-->
<!--                <li>-->
<!--                    <i class="iconfont icon-shiyongwendang"></i>-->
<!--                    <p>回答问题</p>-->
<!--                </li>-->
<!--                <li>-->
<!--                    <i class="iconfont icon-shiyongwendang"></i>-->
<!--                    <p>回答问题</p>-->
<!--                </li>-->
<!--            </ul>-->
<!--        </div>-->
        <div style="margin-top: 15px;">

              <p>
                  如果你有意地避重就轻，去做比你尽力所能做的更小的事情，那么我警告你，在你今后的日子里，你将是很不幸的。因为你总是要逃避那些和你能力相联系的各种机会和可能性。
                <br/>
                ——马斯洛
              </p>
<!--                <ul>-->
<!--                    <li>-->
<!--                        <img src="http://sfvyat5bh.hn-bkt.clouddn.com/small101638VBaRT1710296198.jpg">-->
<!--                    </li>-->
<!--                </ul>-->
<!--                <ul>-->
<!--                    <li>2</li>-->
<!--                  <img src="http://sfvyat5bh.hn-bkt.clouddn.com/small102725sg2wr1713320845.jpg">-->
<!--                </ul>-->
<!--                <ul>-->
<!--                    <li>3</li>-->
<!--                </ul>-->
<!--                <ul>-->
<!--                    <li>3</li>-->
<!--                </ul>-->
        </div>
    </div>
    <!-- 第二个 推荐关注 -->
    <div class="sidebar-recommend card">
        <div class="recommend-hd">
            <i class="iconfont icon-jurassic_edit-user"></i>
            <span class="creator-hd-title">推荐关注</span>
        </div>
        <div class="recommend-bd">
            <ul>
                <li>
                    <img src="http://sfvyat5bh.hn-bkt.clouddn.com/2024/07/08/1da668528eb64b85a31aa859f496fb63.jpg" alt="">
                    <div class="recommend-content">
                        <div class="recommend-head">池蒽</div>
                        <div class="recommend-detail">你可能感兴趣</div>
                    </div>
                    <div class="recommend-button">
                        <i class="iconfont icon-jiahao" style="cursor: pointer;"></i>关注
                    </div>
                </li>
                 <li>
                    <img src="http://sfvyat5bh.hn-bkt.clouddn.com/2024/07/03/97e81a062e0246619d8577a7cba11d92.jpg" alt="">
                    <div class="recommend-content">
                        <div class="recommend-head">池慕睡不着</div>
                        <div class="recommend-detail">你可能感兴趣</div>
                    </div>
                    <div class="recommend-button" style="cursor: pointer;">
                        <i class="iconfont icon-jiahao" ></i>关注
                    </div>
                </li>
                 <li>
                    <img src="http://sfvyat5bh.hn-bkt.clouddn.com/upload/OIP-C1.jpg?e=1719738868&token=X_P6DzRE8A7K40uRVpACZ3YU4PppqX2aBLqFYg33:6O99cfNGuRKHITDylyutwQtfGp0=" alt="">
                    <div class="recommend-content">
                        <div class="recommend-head">及时雨</div>
                        <div class="recommend-detail">你可能感兴趣</div>
                    </div>
                    <div class="recommend-button" style="cursor: pointer;">
                        <i class="iconfont icon-jiahao"></i>关注
                    </div>
                </li>
            </ul>
        </div>
    </div>

<!--    <div class="sidebar-category card">-->
<!--        <ul>-->
<!--            <li>-->
<!--                <svg class="icon-font">-->
<!--                <use xlink:href="#icon-shu"></use></svg>-->
<!--                <p>sss</p>-->
<!--            </li>-->
<!--             <li>-->
<!--                <svg class="icon-font">-->
<!--                <use xlink:href="#icon-shu"></use></svg>-->
<!--                <p>sss</p>-->
<!--            </li>-->
<!--             <li>-->
<!--                <svg class="icon-font">-->
<!--                <use xlink:href="#icon-shu"></use></svg>-->
<!--                <p>sss</p>-->
<!--            </li>-->
<!--             <li>-->
<!--                <svg class="icon-font">-->
<!--                <use xlink:href="#icon-shu"></use></svg>-->
<!--                <p>sss</p>-->
<!--            </li>-->
<!--             <li>-->
<!--                <svg class="icon-font">-->
<!--                <use xlink:href="#icon-shandian1"></use></svg>-->
<!--                <p>sss</p>-->
<!--            </li>-->
<!--             <li>-->
<!--                <svg class="icon-font">-->
<!--                <use xlink:href="#icon-shu"></use></svg>-->
<!--                <p>sss</p>-->
<!--            </li>-->

<!--        </ul>-->
<!--    </div>-->

<!--    <div class="sidebar-namlist card">-->
<!--        4-->
<!--    </div>-->
</div>
</template>

<style scoped>

</style>
